<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>MetroLove</title>
    <meta name="keywords" content="metro" />
    <meta name="description" content="metro" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="css/main.css" type="text/css" rel="stylesheet" />
    <link type="text/css" rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="cls/font-awesome-4.7.0/css/font-awesome.css">
</head>
<body>
<div class="top_box">
    <img class="top_bg" src="img/top_bg.png" />
    <div class="top_box_in">
        <img class="logo_ML" src="img/logo_ML.png" />
        <h1>
            见证爱专列正在从&nbsp;
            <span>{{StationName_Start}}</span>&nbsp;
            开往&nbsp;
            <span>{{StationName_End}}</span>
            ...
        </h1>
        <div class="station_box">
            <div class="line_box">
                <span class="line_left"></span>
                <span class="line_right"></span>
                <i class="spot_left"></i>
                <i class="spot_mid"></i>
                <i class="spot_right"></i>
                <h1>{{Station_Start_Now.Name}}</h1>
                <h2>{{Station_End_Now.Name}}</h2>
                <img class="train_left-right" src="img/train_left-right.png" />
            </div>
            <div class="station_now">
                <p>
                    正在驶往：
                    <span>{{Station_Start_Now.Way}}</span>
                </p>
                <i class="fa fa-caret-down"></i>
            </div>
        </div>
    </div>
</div>

<div class="search_box">
    <div class="search_box_in">
        <div class="direction_box">
            <h1>
                {{Station_Start.Name}}<br />
                <span>（起始站）</span>
            </h1>
            <a v-on:click="methods_exchangeDirection()"><i class="fa fa-exchange"></i></a>
            <h2>
                {{Station_End.Name}}<br />
                <span>（终点站）</span>
            </h2>
        </div>
        <select v-model="Station_SelectedName" @change="">
            <template v-for="item in StationList"><option>{{item.Name}}</option></template>
        </select>
        <button v-bind:class="{btn_none:!StationListGetted}" v-on:click="methods_selectStation_selected()">搜&nbsp;索</button>
        <div class="time_box">
            <h1>
                今日还剩余
                <span>{{SchedulesList_valid}}</span>
                个班次
            </h1>
            <ul>
                <template v-for="item in SchedulesList"><li v-bind:class="{time_out:item.miss}">{{item.time}}</li></template>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
<script src="cls/jquery-1.10.2.min.js"></script>
<script src="cls/vue.js"></script>
<script src="MetroLove_StationEmpty.js"></script>
<script src="MetroLove.js"></script>
